<style type="text/css">

.carousel {
    height: 420px;
    margin-bottom: 40px;
}
.carousel-caption {
    z-index: 10;
}
.carousel .item {
    height: 420px;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 420px;
}
.move-ml { margin-left: -15px; }
.custom-left {
    margin-left: -15px;
}
.custom-right {
    margin-right: 15px;
}
.fl-text {
    float: left;
    padding-left: 10px;
}
</style>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner move-ml">        
        {block_loop}
            <div class="item {active}">
                <a href="{link}" title="{title}">
                <img src="{img}" width="1141" height="420" alt="{title}" /></a>
            </div>
        {/block_loop}        
    </div>
    <a class="left carousel-control custom-left" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
    <a class="right carousel-control custom-right" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<div class="row">
    <div class="col-md-4">
        <div class="col-md">
            <img src="{mau}" class="fl-text" />
            <h3>CHỌN MẪU YÊU THÍCH</h3>
            <p>Hơn 10.000 mẫu với 500 chủ đề khác nhau.</p>
        </div>
    </div>    
    <div class="col-md-4">
        <div class="col-md">
            <img src="{hinh}" class="fl-text" />
            <h3>ĐĂNG HÌNH ẢNH</h3>
            <p>Chọn hình yêu thích từ nhiều nguồn khác nhau.</p>
        </div>
    </div>
    <div class="col-md-4">
        <div class="col-md">
            <img src="{order}" class="fl-text" />
            <h3>ĐẶT HÀNG</h3>
            <p>Thanh Toán an toàn. Giao hàng toàn quốc.</p>
        </div>
    </div>
    <div class="clear"></div>
</div>

      
<div class="row">
    {block}
    <div class="col-md-4">
        <a href="{link}"><img src="{img}" /></a>
        <div class="clear"></div><br />
        <p class="text-center"><a href="{link}">{title}</a></p>
    </div> 
    {/block}     
    <div class="clear"></div>
</div>
<!--
<div class="row">
    <div class="col-md-3">
        <img src="{img_video}" width="190" height="130" />
        <a rel="media-gallery" href="{link_video}" class="fancybox-media"><img src="{bg_video}" /></a>
        </div>
    <div class="row">
        {info}
            <div id="info-{index-info}" class="{active}">{description}</div>
        {/info}
    </div>
    <div class="clear"></div>
    <div class="row inf-face">
        <ul>
            {info-face}
            <li class="{acive}"><a href="#" rel="{index-if}" class="pic">
                <img src="{img-if}" />
                <img src="{imgb-if}" /></a>
                <a href="#" class="nstt"><span>{name-if}</span><br />{career-if}</a>
            </li>
            {/info-face}       
        </ul>
    </div>
</div>
-->
